<ng-template #suffixButton>
  <a nzSearch (click)="search()"><i nz-icon nzType="search"></i></a>
</ng-template>
<div class="search-user">
  <nz-input-group class="search-bt-box" nzSearch nzSize="default" [nzSuffix]="suffixButton">
    <input type="text" nz-input placeholder="搜索文件"  [(ngModel)]="searchValue"
           (focusin)="searchFocusin()" (focusout)="searchFocusout()" (input)="inputChange()"/>
  </nz-input-group>
  <nz-list nzItemLayout="horizontal" [nzLoading]="loading">

    <nz-list-item *ngFor="let item of data">
      <nz-list-item-meta
        nzAvatar="user"
        [nzDescription]="item.userId"
      >
        <nz-list-item-meta-title>
          <a >{{ item.username }}</a>
        </nz-list-item-meta-title>
      </nz-list-item-meta>
      <nz-list-item-extra>
        <label nz-checkbox [(nzChecked)]="item.checked" (change)="userCheckedChange(item)"></label>
      </nz-list-item-extra>
    </nz-list-item>
    <nz-list-empty *ngIf="data.length === 0"></nz-list-empty>
  </nz-list>
</div>
